<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
  	<title>会员中心--东西互联网</title>
    <link rel="stylesheet" href="css/mui.css" />
    <link rel="stylesheet" href="css/muiicon.css" />
    <link rel="stylesheet" href="css/jquery.mmenu.all.css" />
    <link rel="stylesheet" href="css/default.css" />
     <style>
	   	.head-img {border-radius: 50%;}
		.mui-grid-view.mui-grid-9 .mui-media .mui-icon{font-size: 26px; }
		.mui-grid-view.mui-grid-9 .mui-media .mui-media-body{font-size: 14px;}
  	 	.mui-grid-view.mui-grid-9 .mui-table-view-cell{padding: 5px;}
  	 	.mui-grid-view.mui-grid-9 .mui-table-view-cell {border-bottom: 0;}
  	 	.mui-table-view:after{background-color: transparent;}
     </style>
</head>
	<body>
			<div class="page">
				<header class="mui-bar mui-bar-nav" >
					 <a href="javascript:history.back();"  class="mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
						<span class="mui-icon mui-icon-left-nav"></span> <span class="title"> </span></span>
					 </a>
					<h1 class="mui-title" id="title">会员中心</h1>
					 <a href="#menu"  class="mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-right">
						<span class="mui-icon mui-icon-task-filled"></span>
					 </a>
				</header>
				<div class="mui-content">
					 <ul class="mui-table-view">
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right" href="userinfo.html">
									<img class="mui-media-object mui-pull-left head-img" id="head-img" src="img/category_caibao.jpg">
									<div class="mui-media-body">
										张小张
										<p>&nbsp;</p>
										<p class='mui-ellipsis'>13888888888</p>
									</div>
								</a>
							</li>
					</ul>
					<ul class="mui-table-view" style="margin-top: 10px;">
						<li class="mui-table-view-cell">
							<a href="ucenter_order.html" class="mui-navigate-right">我的订单 </a>
						</li>
					</ul>	
					<ul class="mui-table-view mui-grid-view mui-grid-9" style="background-color: #fff;">
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="ucenter_order.html">
		                  	 		 <span class="mui-icon mui-icon-task-tip"></span>
		                   			 <div class="mui-media-body">待处理</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="ucenter_order.html">
		                  	 	 	<span class="mui-icon mui-icon-task-manager"></span>
		                   		 	<div class="mui-media-body">已发货</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="ucenter_order.html">
		                  	 	 	<span class="mui-icon mui-icon-task-set"></span>
		                   			 <div class="mui-media-body">已取消</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3">
								<a href="ucenter_order.html">
		                  	 		 <span class="mui-icon mui-icon-task-list"></span>
		                   			 <div class="mui-media-body">全部订单</div>
								</a>
							</li>
					</ul>
					<ul class="mui-table-view" style="margin-top: 10px;">
						<li class="mui-table-view-cell">
							<a href="ucenter_carts.html" class="mui-navigate-right">购物车</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="ucenter_receive_address.html" class="mui-navigate-right">收货地址</a>
						</li>
					</ul>
					<ul class="mui-table-view" style="margin-top: 10px;">
						<li class="mui-table-view-cell">
							<a href="ucenter_password.html" class="mui-navigate-right">修改密码</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="index.html" >退出</a>
						</li>
					</ul>
				</div>
			</div>
		<!-- 左侧菜单-->
		 <nav id="menu">
	         <ul>
	            <li><a href="index.html"><span class="mui-icon mui-icon-home"></span>首页</a></li>
	            <li><a href="product.html"><span class="mui-icon mui-icon-more" style="font-size: 20px;"></span> 产品中心</a>
	               <ul>
	                  <li><a href="product.html">钻石系列</a></li>
	                  <li><a href="product.html">彩宝系列</a></li>
	                  <li><a href="product.html">珍珠系列</a></li>
	                  <li><a href="product.html">翡翠系列</a></li>
	               </ul>
	            </li>
	            <li><a href="news.html"><span class="mui-icon mui-icon-star"></span>最新动态</a></li>
	            <li><a href="joinus.html"><span class="mui-icon mui-icon-personadd"></span>代理加盟</a></li>
	            <li><a href="aboutus.html"><span class="mui-icon mui-icon-person"></span>关于我们</a></li>
	            <li><a href="contact.html"><span class="mui-icon mui-icon-email"></span>联系我们</a></li>
	         </ul>
	      </nav>
		<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
		<script type="text/javascript" src="js/jquery.mmenu.min.all.js" ></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js" ></script>
		<script>
			 $(function(){
			 	 jQuery(document).ready(function( $ ) {
		            $("#menu").mmenu({extensions: ["theme-white","pagedim-black"],slidingSubmenus:false});
		         });
			 })
		</script>
	</body>
</html>
